import Vue from 'vue'
import App from './App.vue'

// 注册全局自定义指令
// v-focus
Vue.directive('focus', {
    inserted(el) {
        el.focus()
    }
})

Vue.directive('color', {
    // el: 指令绑定的元素
    // binding: 指令的内容, 获取指令传递的数据 binding.value

    // 该钩子函数只在DOM被插入页面的时候执行1次
    // 后续更改指令的值则不会被触发
    inserted(el, binding) {
        // console.log(el, binding)
        el.style.color = binding.value
    },

    update(el, binding) {
        el.style.color = binding.value
    },
})

new Vue({
    render: h => h(App),
}).$mount('#app')